// Place all the styles related to the Users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/
.form{
    text-align: center;
    table{
        margin: 5px auto;
        td{
            min-width: 160px;
            text-align:left;
            padding: 5px 0;
            input{
                border-radius: 30px;
                border: #15233160 solid 0.5px ;
                outline: none;
                height: 100%;
                padding: 6px 6px;
                margin-right: 16px;
                font-size: 13px;
                width: 140px;
                &:hover{
                    border: #15233180 solid 0.6px ;
                }
                &:focus{
                    border: #15233190 solid 0.9px ;
                }
            }
        }
    }
}
@keyframes btnhover {
    0%{background-color: #e9e9e9;}
    100%{background-color: #1abc9c; color: #fff;}
}
.btn{
    color: #152331;
    background-color: #e9e9e9;
    border: none;
    font-size: 16px;
    border-radius: 20px;
    padding:5px 16px;
    &:hover{
        animation-name: btnhover;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
    }
 }
.fti{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.noflex{
    display: block !important;
}
.nobgc{
    opacity: 1 ;
    &:hover{
        background: none!important;
        animation:none;
    }
}